<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>JSF 2.0 Hello World</title>
</h:head>
<h:body>
	<h:form>
		<h:panelGrid id="panel" columns="1" cellpadding="10"
			cellspacing="1">
			<h:commandButton id="botonMostrar" value="Listar"
				actionListener="#{usuarioBean.listarUsuario}">
				<f:ajax execute="@form" render="lista" />
			</h:commandButton>
		</h:panelGrid>

	<h:panelGroup id="lista">
		<h:dataTable id="tabla" value="#{usuarioBean.resultado}" var="item">
			<f:facet name="header">
				<h:outputText value="Lista de Usuarios" />
			</f:facet>

			<h:column>
				<f:facet name="header">
					<h:outputText value="User Name" />
				</f:facet>
				<h:outputText value="#{item.username}" />
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Nombre" />
				</f:facet>
				<h:outputText value="#{item.nombres}" />
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Apellido Paterno" />
				</f:facet>
				<h:outputText value="#{item.apellidoPaterno}" />
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Apellido Materno" />
				</f:facet>
				<h:outputText value="#{item.apellidoMaterno}" />
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Estado" />
				</f:facet>
				<h:outputText value="#{item.activo}" />
			</h:column>

		</h:dataTable>

	</h:panelGroup>

	</h:form>

</h:body>
</html>